/*
 * @Author: AskMeWhy
 * @Date: 2020-06-16 23:41:05
 * @Last Modified by: AskMeWhy
 * @Last Modified time: 2021-02-01 14:19:21
 */

$page-card-box-bg: #F5F5F5;
$page-card-box-active: #de2728;
$page-card-color: #37383a;
$page-card-transition-duration: 300ms;
$page-card-transition-timing-function: linear;

.page-card-box {
    width: 100%;
    position: relative;
    .page-card__title{
        width: 100%;
        @include flexLayout(flex,normal,center);
        padding: 0 .26rem;
        min-height: .4rem;
        position: relative;
        color: rgba($page-card-color,.8);
        font-size: .16rem;
        white-space: nowrap;
        background-color: $page-card-box-bg;
        &::after{
            content: "";
            display: block;
            width: .08rem;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            pointer-events: none;
            background-color: $page-card-box-active;
        }
    }
    .page-card__info{
        padding: .1rem 0;
    }
}
